@import "../themes/vars";
@media screen and (min-width: 1600px) {
  @iconSize:54px;
}
@media screen and (min-width: 1024px) and (max-width: 1599px) {
  @iconSize:30px;
}
@media screen and (max-width: 1023) {
  @iconSize:15px;
}
.numberCard {
  padding: 32px;
  cursor: pointer;
  color:white;
  @media screen and (min-width: 1600px) {
    .iconWarp {
      font-size: 54px;
      float: left;
    }
  
    .content {
      width: 100%;
      padding-left: 78px;
  
      .title {
        line-height: 16px;
        font-size: 16px;
        margin-bottom: 8px;
        height: 16px;
        .text-overflow();
      }
  
      .number {
        line-height: 32px;
        font-size: 32px;
        height: 32px;

      }
    }
  }
  @media screen and (min-width: 1280px) and (max-width: 1599px) {
    .iconWarp {
      margin-top: 10px;
      font-size: 40px;
      float: left;
    }
  
    .content {
      width: 100%;
      padding-left: 40px;
  
      .title {
        font-size: 10px;
        margin-bottom: 6px;
        .text-overflow();
      }
  
      .number {
        font-size: 20px;


      }
    }
  }
  @media screen and (max-width: 1279px) {
    .iconWarp {
      margin-top: 10px;
      font-size: 15px;
      float: left;
    }
  
    .content {
      width: 100%;
      padding-left: 20px;
  
      .title {
        font-size: 8px;
        margin-bottom: 4px;
        height:16px;
        .text-overflow();
      }
  
      .number {
        line-height: 12px;
        font-size: 12px;
      }
    }
  }

}
